<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/static/css/index.css" rel="stylesheet">
<title>登录</title>
</head>
<body>

<div class="login pr f16">
	<div class="pa cont bgf" style="height: 450px;">
		<h2 class="pa title cf fn">
			智慧通行管理系统
		</h2>
		<div class="fl left f14" >
			<form action="/web/dologin" method="post" id="regis">
				<div class="border input">
					<span>手机号</span>
					<input type="text" name="uTel"  id="tel"/>
				</div>
				<div class="border input">
					<span>密码</span>
					<input type="password" name="uPwd" id="pwd"/>
				</div>
				<div id="verify-wrap" class="verify-wrap">
					
				</div>
				<div class="mt20" style="margin-top: -1px">
				
					<button type="submit" class="cf f16 submit"  disabled="disabled" id="login">登录</button>
					<a href="/redirect/toregisteruser"><button type="button" class="cf f16 submit" style="margin-top:5px">注册</button></a>
				</div>
				<div align="right">
					<a href="/redirect/toupdpwd">忘记密码</a>
				</div>
			</form>
		</div>
	<!--	<div class="fr right">
			<img src="/static/images/logo2.png" alt="" />
			<h3 class="mt20">
				深圳易威胜科技有限公司
			</h3>
		</div>
	</div>
	<p class="name pa cf">Copyright ©2019 深圳易威胜科技有限公司 All Rights Reserved</p>
	-->
</div>



<script src="/static/js/jquery.js" type="text/javascript"></script>
<script src="/static/js/jq-slideVerify.js" type="text/javascript"></script>
<script type="text/javascript">
var SlideVerifyPlug = window.slideVerifyPlug;
var slideVerify = new SlideVerifyPlug('#verify-wrap',{
	wrapWidth:'289',//设置 容器的宽度 
    initText:'向右滑动完成验证',  //设置  初始的 显示文字
    sucessText:'验证通过',//设置 验证通过 显示的文字
    getSucessState: function(res){
   		//当验证完成的时候 会 返回 res 值 true
   		console.log(res);
   	  $("#login").removeAttr("disabled");
   	}
});
	$.fn.validate = function(tips) {
		var is = false;
		if ($(this).val() == "" || $.trim($(this).val()).length == 0) {
			alert(tips + "不能为空！");
		} else {
			is = true;
		}
		return is;
	}

	$('#regis').submit(
			function() {
				var result = false;
				if ($("#tel").validate("电话") == true
						&& $("#pwd").validate("密码") == true) {
					result = true;
				}
				if (result == false) {
					return false;
				}

			});
</script>
<script src="static/js/common.js" type="text/javascript"></script>	
</body>
</html>